<template>
  <div>
    <searchBar title='网易严选'  type='3'/>
    <van-cell title="个人信息" is-link/>
    <van-cell title="我的二维码" is-link />
    <van-cell title="我的尺寸" is-link />
    <van-cell title="会员俱乐部" is-link value="普通用户" />
    <van-cell title="积分中心" is-link />
    <button @click="exit">退出登录</button>
  </div>
</template>

<script>
import { Dialog} from 'vant';
  export default {
    name:'PersonalDetailed',
    components: {
    [Dialog.Component.name]: Dialog.Component,
    },
    methods:{
        exit(){
            Dialog.confirm({
            title: '退出',
            message: '是否退出',
            })
            .then(() => {
                // on confirm
                  this.$store.dispatch('logout')
            })
            .catch(() => {
                // on cancel
            })
       },
    }
  }
</script>

<style lang="less" scoped>
  button{
        width: 100%;
        height: 1.23rem;
        line-height: 1.19rem;    
        border: 1px solid #fff;
        background-color: #fff;
        color: #333;
        font-size: .28rem;
        text-align: center;
    }
</style>